import Vue from 'vue'
// 基础样式包
import 'normalize.css/normalize.css'
// 导入element-ui资源
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/en' // lang i18n
// 自己写的全局样式
import '@/styles/index.scss' // global css
// 导入根组件
import App from './App'
//  导入仓库
import store from './store'
//  导入路由
import router from './router'
//  导入图标
import '@/icons' // icon
//  导入导航守卫
import '@/permission' // permission control
// 导入自定义指令
// import '@/directives'
// import { imgerror, aaa, bbb } from '@/directives'
// // 注册指令
// Vue.directive('imgerror', imgerror)
// Vue.directive('aaa', aaa)
// Vue.directive('bbb', bbb)
import * as directives from '@/directives'

// 批量注册自定义指令
Object.keys(directives).forEach(key => {
  // console.log(key, directives[key])
  Vue.directive(key, directives[key])
})

// 安装element-ui并且配置语言包
Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)

Vue.config.productionTip = false
// process 表示进程
// process.env 表示进程里的环境变量
console.log(process)
console.log(process.env)
console.log(process.env.NODE_ENV) // 当前的开发环境  development  production
// 可以通过 process.env.NODE_ENV 来判断属于什么开发环境
console.log('VUE_APP_DESC', process.env.VUE_APP_DESC)
new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})
